<template>
  <div class="footmixbox">
    <div class="footone">
      <!-- 脚部第一部分 -->
      <div class="sharebix">
        <p>联系方式</p>
        <img src="../assets/logo.png" alt="加载中">
      </div>
      <!-- 脚步第二部分 -->
      <div class="footbox">
        <!-- // {{ this.footsdk }}


        // {{ this.footLists }}-->
        <ul v-for="(item, index) in this.footLists" :key="index">
          <li>

            <!---->
            <h3 class="tltltcss">{{ item.titles }}</h3>

            <p class="" v-for="(itdsa, inex) in item.listdat.split(',')" :key="inex">
              <span class="lisidcon">{{ itdsa }}</span>
            </p>

          </li>

        </ul>
        <!-- <ul>
          <li>加入</li>
          <li>加入</li>
          <li>加入</li>
        </ul>
        <ul>
          <li>官方</li>
          <li>第三部分</li>
          <li>第三部分</li>
        </ul> -->
      </div>
      <!-- 第三部分 -->
      <div class="threenbox">
        <p>发现</p>
        <p>发现</p>
        <p>发现</p>
        <p>发现</p>
        <p>发现</p>
      </div>
    </div>
    <!-- 营业相关证件 -->
    <div class="business">
      <hr>
      <p>
        关于淘宝营销中心廉政举报开放平台诚征英才隐私权政策法律声明知识产权© 2003-现在<router-link to="/about">Taobao.com</router-link> 版权
        订餐服务第三方平台备案：浙网餐备2024A330000020互联网药品信息服务资格证书（浙）-经营性-2023-0008短消息类服务接入代码使用证书：号[2020]00396-A02信息网络传播视听许可证：1109364号出版物网络交易平台服务经营备案号：新出发浙备字第2024004号营业性演出许可证：
      </p>
      <p>
        浙演经20213300000069广播电视节目制作经营许可证：（浙）字第01012号药品网络交易第三方平台备案：（浙）网药平台备字〔2023〕第000016-001号医疗器械网络交易服务第三方平台备案凭证：（浙）网械平台备字[2018]第00004号浙公网安备
        33010002000078号浙B2-20080224-1<router-link to="/">全国12315平台浙江省互联网违法和不良信息举报中心全网举报不当竞争举报涉企举报专区</router-link></p>
      <p>
        所有增值电信业务经营许可证：浙B2-20080224增值电信业务经营许可证（跨地区）： B2-20150210浙网文〔2025〕0051-019号浙江省网络食品销售第三方平台提供者备案：浙网食A33010001网络
      </p>

    </div>
  </div>
</template>

<script>
export default {
  name: "FootViews",
  props: ["footLists"],

  data() {
    return {
      footsdk: "dfjir"
    }
  },
  mounted() {
    // this.footLists.map((item) => {
    //   item.listdat.map((iddsa) => {
    //     console.log(iddsa)
    //   })
    // })
  }

}
</script>
<style>
.footmixbox {
  background: #f2f5ce;
  /* height: 400px; */

}

/* 第一大部分 */
.footone {
  margin: 10px 10px auto;
  display: flex;
  justify-content: space-between;
}

.sharebix {
  width: 20%;
}

.footbox {
  width: 60%;
  color: white;
  display: flex;
  justify-content: center;
  margin: auto;
}

.footbox ul {
  list-style: none;
  width: 30%;
}

.threenbox {
  width: 20%;
}

/*  脚部第二大部分 */
.business {
  width: 98%;
  margin: 10px auto;
  font-size: 15px;
}

.tltltcss {
  color: black;
}

.lisidcon {
  color: rgb(41, 41, 41);
}

.business p a {
  text-decoration: none;
  font-size: 15px;
  color: #717171;
}
</style>